<!--
 * @Descripttion: 大三一名学习前端开发的计科学生，缓慢成长中！
 * @emial: 2392862431@qq.com
 * @Author: SummerSofts
 * @Date: 2023-08-08 19:48:22
 * @LastEditors: SummerSofts
 * @LastEditTime: 2023-09-15 16:42:21
-->
<template>
    <div class="messageBox">
        <wmMessage content="这是一条消息" type="info">消息</wmMessage>
        <wmMessage content="这是一条消息" type="error">错误</wmMessage>
        <wmMessage content="这是一条消息" type="success">成功</wmMessage>
        <wmMessage content="这是一条消息" type="warning">警告</wmMessage>
    </div>
    
    </template>
    
    
    
    <script setup>
    import {ref,reactive,onMounted} from "vue"
    
    </script>
    
    
    <style lang="less" scoped>
    .messageBox{
        width: 30vw;
        justify-content: space-around;
        display: flex;
        flex-direction: row;
        div{
            border: 1px solid gray;
            padding: 10px;
            border-radius: 5px;
        }
    }
    </style>
    